<template>
  <div id="app">
    <m-header></m-header>
    <tab></tab>
    <!-- 防止多发请求 -->
    <transition name='slide'>
      <keep-alive>
        <router-view></router-view>
      </keep-alive>
    </transition>

    <player></player>
  </div>
</template>

<script>
// webpack.base.conf定义别名. 直接components/引用
import MHeader from 'components/m-header/m-header'
import Tab from 'components/tab/tab'
import Player from 'components/player/player'
export default {
  name: 'App',
  components: {
    MHeader,
    Tab,
    Player
  }
}
</script>

<style scoped lang="stylus"  rel="stylesheet/stylus" >
@import 'common/stylus/variable'
#app
  font-family 'Microsoft YaHei'
</style>
